<template>
  <div>
    <ul class="d5_1" id="concernContent">
      <li>
        <!-- <span>ta关注的人</span> -->
        <!-- <h3 onclick="topic()">如果你是闪耀暖暖里的暖暖，你会怎么做？</h3> -->
        <span>ta关注的人</span>
        <div class="bfans" v-for="bfan in bfans" :key="bfan">
          <img :src="`http://localhost:3000/upload/${bfan.headImg}`" alt="">
          <router-link tag="p" to="">{{bfan.nickName}}</router-link>
          <p>{{bfan.occupation}}</p>
        </div>
        <div style="clear:both ;height:20px"></div>
        <div class="deve_none" v-if="none">
          <svg
            t="1602725611237"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="12883"
            width="70"
            height="120"
          >
            <path
              d="M927.793306 787.692308c-12.627129 60.730476-65.54081 121.460951-153.329419 174.975925-165.956547-94.402819-156.335878-192.413388-155.734586-200.831474 0-10.221961 3.607751-44.495596 21.045214-63.135643 9.620669-10.221961 21.646506-15.032296 38.482678-15.032296 55.318849 0 69.148561 54.717557 70.952437 60.730476 3.006459 12.627129 13.22842 21.646506 24.652965 21.646506 11.424545-1.202584 22.247798-8.418086 25.855549-20.443922 0.601292-2.405167 16.836171-61.331767 72.756312-61.933059 31.267176 0 45.69818 19.241339 52.31239 38.482678 3.607751 10.823253 13.22842 18.038755 24.652965 18.038755l1.202584 0c17.437463 0 30.064592-16.836171 24.652965-33.672343-13.22842-40.887845-45.69818-79.370523-104.62478-79.370523-45.096888 0.601292-76.364063 24.051674-96.206694 50.508514-19.241339-27.058133-50.508514-50.508514-96.807986-50.508514-30.665884 0-55.920141 10.823253-75.16148 31.868467-35.476218 38.482678-36.07751 97.409278-36.07751 99.213153-0.601292 6.012918-19.241339 146.113917 196.622431 262.764533 3.607751 1.803876 7.816794 3.006459 11.424545 3.006459 4.209043 0 8.418086-1.202584 12.025837-3.607751 110.637698-63.736935 176.178509-138.898415 191.812096-220.674105 3.006459-16.23488-9.620669-31.267176-25.855549-31.267176l0 0C941.021726 767.248385 930.198473 775.666471 927.793306 787.692308z"
              p-id="12884"
              fill="#EBEEF5"
            />
            <path
              d="M774.463887 311.469172C774.463887 139.499706 645.787434 0 487.647681 0 329.507927 0 200.831474 139.499706 200.831474 311.469172 200.831474 432.930123 265.169701 538.156195 358.369935 589.266001c-171.969466 60.129184-313.874339 229.693482-313.874339 402.26424 0 15.633588 11.424545 28.260716 25.855549 28.260716 14.431004 0 25.855549-12.627129 25.855549-28.260716 0-182.792719 197.223723-368.591897 391.440986-368.591897C645.787434 623.539636 774.463887 483.438638 774.463887 311.469172L774.463887 311.469172zM487.647681 566.416911c-129.277745 0-234.503817-114.245449-234.503817-254.947739S358.369935 56.521433 487.647681 56.521433s234.503817 114.245449 234.503817 254.947739S616.925426 566.416911 487.647681 566.416911L487.647681 566.416911zM487.647681 566.416911"
              p-id="12885"
              fill="#EBEEF5"
            />
          </svg>
          <div class="no_dynamic">
            暂无关注的人
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  // name: "UserOthFol1"
  data(){
     return{
       none:true,
       ouids:'',
       bfans:''
     }
   },
   created(){
     this.ouids=this.$store.state.oUid
     this.$axios.get('/api/users/bfansall',{params:{uid:this.ouids}})
                .then(res=>{
                    // console.log('res',res)
                    this.bfans=res.data.data
                    console.log('userts',this.bfans)
                    if(this.bfans.length){
                      this.none=!this.none
                    }
                })
                .catch(err=>{
                    console.log('err:',err)
                })
   }
};
</script>